<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="手机版同花顺 炒股必备 行情软件 行业领先者">
    <title>手机同花顺</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
    <!-- 1.头部固定标签 -->
    <div id="header">
        <div class="headerleft">
            <a href="http://www.baidu.com/"><img src="image/video_author_avator.png" /></a>
            <span>股票</span>
        </div>
        <div class="headright">
            <span>理财</span>
            <div>
                <img src="image/message_center_night.png" alt="">
                <img src="image/fund_first_page_serach.png" />
            </div>
        </div>
    </div>
    <!-- 2.主菜单选项 -->
    <div id="menu">
        <ul>
            <li><img src="image/1.png"><span>自选股</span></li>
            <li><img src="image/2.png"><span>大盘指数</span></li>
            <li><img src="image/3.png"><span>快速开户</span></li>
            <li><img src="image/4.png"><span>我的资产</span></li>
            <li><img src="image/5.png"><span>委托交易</span></li>
            <li><img src="image/6.png"><span>涨跌幅排名</span></li>
            <li><img src="image/7.png"><span>决策</span></li>
            <li><img src="image/8.png"><span>财富先锋</span></li>
        </ul>
        <div class="loopmeun">
            <span class="active"></span>
            <span></span>
            <span></span>
        </div>
    </div>
    <!--  3.商品营销 -->
    <div id="shopping">
        <div>
            <img src="image/shop1.png" />
            <p>有大变化！现在主力这样抓涨停</p>
        </div>
        <div>
            <img src="image/shop2.png" />
            <p>收盘就用收盘宝！盘后多赚4.5%</p>
        </div>
        <img src="image/new_stock_query_medal_wall.png" />
    </div>
    <!-- 4.新闻信息 -->
    <div id="newsinfo">
        <div class="titleinfo">
            <span>投资参考</span>
            <span>更多&nbsp;&nbsp;></span>
        </div>
        <div class="stockinfo">
            <p>充电桩概念再度走强 和顺电气二连板</p>
            <span>刘鹤与美方代表通电话 就经贸磋商交换意见</span>
        </div>
        <div class="focusinfo">
            <p>【聚焦】孟晚舟保释听证11日将继续进行</p>
            <p>【深度】中国的房地产是否到了“历史大顶”</p>
            <p>【注意】这些停牌钉子户将进行复牌倒计时</p>
        </div>
    </div>
    <!-- 5.常用菜单 -->
    <div id="commonmenu">
        <ul>
            <li><img src="image/common1.png" /></li>
            <li><img src="image/common2.png" /></li>
            <li><img src="image/common3.png" /></li>
            <li><img src="image/common4.png" /></li>
            <li><img src="image/common5.png" /></li>
            <li><img src="image/common6.png" /></li>
        </ul>
    </div>
    <!-- 6.建议 -->
    <div id="suggest">
        <img src="image/pen.png" />
        <span>意见反馈</span>
    </div>
    <!-- 7.底部固定菜单 -->
    <div id="fixmainfun">

        <div>
            <p>首页<p><img src="image/search_select_img.png" />
        </div>
        <div>
            <p>行情</p><img src="image/hangqing_normal_img.png" />
        </div>
        <div>
            <p>自选</p> <img src="image/zixuan_normal_img.png" />
        </div>
        <div>
            <p>交易</p><img src="image/trade_normal_img.png" />
        </div>
        <div>
            <p>资讯</p> <img src="image/news_normal_img.png" />
        </div>
    </div>
</body>
</html>